<template>
  <button :disabled="disabled">
    <span>{{ text }}</span>
    <slot></slot>
  </button>
</template>

<script>
export default {
  props: ["text", "disabled"],
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  components: {},
};
</script>

<style lang="scss" scoped>
button {
  width: 100px;
  height: 30px;
  background-color: rgb(76, 182, 243);
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
